<%-- 
    Document   : cartmodalpopup
    Created on : Aug 1, 2012, 12:30:37 AM
    Author     : Atienza-Home
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<style type="text/css">
div#addtocartpopup{
    display:hide;	
        border:15px solid #006666;
	background-color:#009999;
	width:350px;
	height:500px;
	
	position:fixed;
	top:50%;
	left:50%;
	margin-left: -210px;
        margin-top: -285px;
        box-shadow: 10px 10px 5px black;
        
}

div#transparentbg{
    display: hide;    
    background-color: black;
        opacity:0.8;
        filter:alpha(opacity=80);
        height:1500px;
        width:1920px;
        position:fixed;
        top:50%;
        left:50%;
        margin-top: -750px;
        margin-left: -960px;
        
        
    
    
}
</style>


<div id="transparentbg" onclick="javascript:hidePopUp()">

</div>
  
<div id="addtocartpopup">
    <input type="button" onclick="javascript:hidePopUp()" value ="X" style="cursor: pointer;position:absolute;margin-left:328px;width:22px;height:22px;background-color:white;border:2px solid gray;">
    <div style="">
        <div style="text-align:center;padding: 20px;padding-top: 30px;padding-bottom:5px;">
            <img src="images/movie/<%=movie.getMoviePic()%>" style="width:208px;height: 303px;border:2px solid #006666;" ><br><br>
            <font color="white" style="font-family: arial">Are you sure you want this?</font><br>
            <font color="white" size="5px" style="font-family: arial"><%=movie.getName()%></font><br>
            <font color="white" size="5px" style="font-family: arial;font-weight: bold;">P<%=movie.getPrice()%></font><br><br>
        </div>
        <form action="javascript:addToCart('<%=movie.getId()%>','<%=user.getUserID()%>')" method="get"> 
        <div id="modalpopupsubmit">
            
            <input type="submit" value="Confirm" style="padding:7px;width:100%;">
            
        </div>
        </form>
    
    </div>
</div>
